
import { Descriptions } from "antd";
// import styles from './index.module.less';
import React from "react";
import AuxiliaryLineItem from './items/AuxiliaryLineItem';
import AngleItem from './items/AngleItem';
import DecayItem from './items/DecayItem';
import DistanceItem from './items/DistanceItem';
import PenumbraItem from './items/PenumbraItem';
import TargetItem from './items/TargetItem';

export default function SpotLight() {
    return (
        <Descriptions
            size="small"
            bordered
            column={1}
        >
            <Descriptions.Item label="辅助线" labelStyle={{ width: 55 }}>
                <AuxiliaryLineItem />
            </Descriptions.Item>

            <Descriptions.Item label="角度">
                <AngleItem />
            </Descriptions.Item>

            <Descriptions.Item label="衰减">
                <DecayItem />
            </Descriptions.Item>

            <Descriptions.Item label="距离">
                <DistanceItem />
            </Descriptions.Item>

            <Descriptions.Item label="半影衰减" labelStyle={{ width: 65 }}>
                <PenumbraItem />
            </Descriptions.Item>

            <Descriptions.Item label="目标">
                <TargetItem />
            </Descriptions.Item>
        </Descriptions>
    )
}
